<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4606214_w5h0bgcpkp.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4606214_809ocuy7s1n.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4606214_po0gaz94oef.css">
    <link rel="stylesheet" href="./base.css">
    <link rel="stylesheet" href="style.css">
      
</head>
<body>
    <div class="head_nav">
        <div class="wrapper">
            <div class="welcome">
            "欢迎来到珠宝街"
            <span>
                <a href="">请登录</a>
            </span>
            <span>
                <a href="">免费注册</a>
            </span>
        </div>
        <div class="head_menu">
            <ul>
                <li class="hover">
                    <a href="">我的宝贝</a>
                    <i class="iconfont icon-xiangshangjiantou"></i>
                    <div class="list">
                        <a href="">代付款</a>
                        <a href="">待确认</a>
                        <a href="">待评价</a>
                    </div>
                </li>
                <li class="hover">
                    <a href="">我关注的品牌</a>
                    <i class="iconfont icon-xiangshangjiantou"> </i>
                    <div class="list">
                        <a href="">我关注的商品</a>
                        <a href="">我关注的店铺</a>
                    </div>
                </li>
                <li class="hover">
                    <a href="">帮助中心</a>
                    <i class="iconfont icon-xiangshangjiantou"> </i>
                    <div class="list">
                        <a href="">帮助中心</a>
                        <a href="">客服服务</a>
                        <a href="">售后中心</a>
                    </div>
                </li>
                <li class="hover">
                    <a href="">商家支持</a>
                    <i class="iconfont icon-xiangshangjiantou"></i>
                    <div class="list">
                        <a href="">招商入驻</a>
                        <a href="">商家登录</a>
                    </div>
                </li>
            </ul>
        </div>
        </div>  
    </div>
    <div class="head_search">
        <div class="wrapper">
            <div class="logo">
                <a href=""></a>
                <img src="../小学期/logo.png" alt="">
            </div>
            <div class="search">
                <form class="search_form" method="get" action="">
                    <div class="input">
                        <i class="iconfont icon-sousuo"></i>
                        <input type="text" id= "keyword" placeholder="请输入文字" value>
                        <button type="submit">搜索</button>
                    </div>
                </form>
                <div class="groom">
                    <a href="">黄金</a>
                    <a href="">黄金项链</a>
                    <a href="">钻石戒指</a>
                    <a href="">珍珠</a>
                    <a href="">玉手镯</a>
                    <a href="">手链</a>
                </div>
            </div>
            <div class="trolley">
                <a href="">
                    <i class="iconfont icon-gouwuchekong"></i>
                    "我的购物车"
                </a>
            </div>
        </div>
    </div>
</body>
</html>